// 作者:于大明
.dj-video-body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
		
	.scroll-video-box {
		min-height: 100%;
		position: relative;
		
		.empty-txt {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
		}
	}
		
	// 视频容器
	.video-item-box {
		position: relative;
		
		.btn-play {
			font-size: 120rpx;
			color: white;
			position: absolute;
			top: 50%;
			left: 50%;
			transition: all .3s;
			transform: translateX(-50%) translateY(-50%) scale(1.5);
			z-index: 8;
			opacity: 0;
		
			&.show {
				opacity: 1;
				transform: translateX(-50%) translateY(-50%) scale(1);
			}
		}
		
		.fullscreen-video {
			width: 100%;
			height: 100%;
			position: relative;
			object-fit: fill;
		}
		
		.video-title {
			position: absolute;
			left: 20rpx;
			bottom: 35rpx;
			width: calc(100% - 160rpx);
			color: white;
			z-index: 1;
			line-height: initial;
		
			.user-name {
				font-weight: bold;
			}
		
			.video-content {
				font-size: 24rpx;
				height: 60rpx;
			}
		}
	}
	
	.swiper {
		flex: 1;
		background-color: #007aff;
	}

	.swiper-item {
		flex: 1;
	}
	
	.content_list {
		height: 850rpx;
		overflow-x: hidden;
		.scroll_view_style {
			height: 100%;
		}
	}
	
	.grid-item-box {
		flex: 1;
		// position: relative;
		/* #ifndef APP-NVUE */
		display: flex;
		/* #endif */
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 15px 0;
	}
	
	.example-body {
		/* #ifndef APP-PLUS-NVUE */
		display: flex;
		/* #endif */
		flex-direction: row;
		justify-content: flex-start;
		align-items: flex-end;
		flex-wrap: wrap;
	}
	
	.tag-view {
		margin-right: 20rpx;
		margin-bottom: 20rpx;
	}
	
	@keyframes double-fabulous {
		from {
			opacity: 1;
			transform: scale(1);
		}
	
		to {
			opacity: 0;
			transform: scale(3);
		}
	}
}
